<!DOCTYPE html>
<html lang="en">
<head>
    <meta charast="UTF-8">
    <title>mysite</title>
    <style>
    *{
        padding: 0;
        margin: 0;
    }
    body{
        background-color: black;
    }
    #container{
        margin: 0 auto;
        width: 1280px;
        height: 800px;
        color: white;
        background-image: url("images/3.png");
        background-repeat: no-repeat;
        position: relative;
    }
    #content{
        text-align: center;
        position: absolute;
        left: 340px;
        top: 250px;
        width: 600px;
        height: 300px;
        line-height: 100px;
        text-shadow: 2px 2px 4px black;
        font-family: 方正小标宋_GBK;
    }
    h1{
        font-size: 50px;
    }
    form{
        font-size: 25px;
    }
    @keyframes mycolor
    {
        0%    {color:whitesmoke;}
        20%   {color:green;}
        40%   {color:blue;}
        60%   {color:pink;}
        80%   {color:red;}
        100%  {color:rebeccapurple;}
    }
    a:link{
        text-decoration: none;
        color: whitesmoke
    }
    a:visited{
        text-decoration: none;
        color: purple
    }
    a:hover{
        text-decoration: underline;
        animation: mycolor 6s linear;
    }
    a:active{
        text-decoration: none;
        color: red;
    }
    </style>
</head>
<body>
    <div id="container">
        <div id="content">
            <h1>登录您的账户</h1>
            <form>
                账户:<input type="text" id="tel" />
                <br />
                密码:<input type="password" id="pas" />
                <br />
                <a onclick="enter()">提交</a>
                <a href="login.html">重置</a>
                <a href="register.html">还没有账户？创建一个</a>
            </form>
        </div>
    </div>
</body>
<script src="scripts/main.js"></script>
</html>